<!-- 首页 -->
<template>
    <div class="home-container">
        <div class="left">
            <div class="left-head-group">
                <span class="no-select left-head-text">
                    {{ bannerText[0] }}
                </span>
                <span class="no-select left-head-text">
                    {{ bannerText[1] }}
                </span>
            </div>
            <div class="discretion">
                <span class="discretion-text">{{ discretionText }}</span>
            </div>
            <div class="conf">
                <div class="conf-about home-button">查看更多</div>
            </div>
        </div>
        <div class="right">
            <img
                class="banner-img no-select"
                :src="banner"
                alt="breeze"
            />
            <!-- <img
                class="avatar-img no-select"
                src="{userInfoAvatar}"
                alt="breeze"
            /> -->
        </div>
    </div>
</template>

<script>
import banner from '@/assets/img/banner.webp'
export default {
    name: 'HomeView',
    data() {
        return {
            bannerText: ['这不是Bug,', '这是一个特性。'],
            discretionText: '把热爱的事情做到极致便成了价值！',
            banner
        }
    }
}
</script>

<style scoped src="./index.css"></style>
